*{
    margin: 0;
    padding: 0;
}
ul ,ol{
    list-style: none;
}
a{
    text-decoration: none;
}

.w{
    width: 12rem;
    margin: 0 auto;
}
.container{
    
    // width: 19.2rem;
    width: 100%;
    // height: 96.68rem;
    background-image: url('https://daotu-website-img.oss-cn-hangzhou.aliyuncs.com/daotu-website-img/cbgc.png');
    background-size: 100% 100%;
    .to-top{
        top: 90vh;
        right: 0.50rem;
        position: fixed;
        width: 0.56rem;
        height: 0.56rem;
        z-index: 10000;
        img{
            display: block;
            height: 100%;
            width: 100%;

        }

    }
    .top{
        width: 100%;
        height: 11.07rem;
        background-image:url('https://daotu-website-img.oss-cn-hangzhou.aliyuncs.com/daotu-website-img/tbgc.png');
        background-size: 100% 100%;
        position: relative;
        .nav{
      
            height: 0.73rem;
            padding-top: 0.24rem;
            box-sizing: border-box;
            width: 100%;
            // background-color: pink;
            .navs{
                height: 100%;
                .log{
                    float: left;
                    width: 16.5%;
                    height: 0.47rem;
                    // background-color: hotpink;
                    position: relative;
    
                   img{
                    position: absolute;
                    top: 0px;
                    width: 100%;
                    height: 100%;
                   }
                  
                }
            }
            .nava{
                float: right;
                width: 53.5%;
                margin-left: 30%;
                height: 0.40rem;
                // background-color: skyblue;
                ul{
                    width: 100%;
                    height: 100%;
                    li{
                        height: 100%;
                        width: 20%;
                        float: left;
                        text-align: center;
                        line-height: 0.37rem;
                        box-sizing: border-box;
                        a{
                            display: block;
                            width: 100%;
                            font-size: 0.18rem;
                            color: #fff;
                            
                        }
                    }
                    li:nth-child(1){
                        width: 16%;
                    }
                   .border{
                       border: 0.01rem #fff solid;
                       border-radius: 0.2rem;
                   }
    
                }
            }
        }
        .text{
            width: 100%;
            height: 6.58rem;
            // background-color: #fff;
            overflow: hidden;
            .t1{
                margin-top: 2.76rem;
                text-align: center;
                font-size: 0.6rem;
                color: #fff;

            }
            .t2{
                margin-top: 0.3rem;
                text-align: center;
                font-size: 0.24rem;
                color: #fff;
            }
            
        }
        // 按钮
        .larrow,.rarrow{
            width: 0.45rem;
            height: 0.45rem;
            border:0.02rem solid rgba(255,255,255,1);
            opacity:0.5;
            border-radius:50%;
            img{
                margin-top: 0.135rem;
                margin-left: 0.175rem;
                width: 0.1rem;
                height:  0.18rem;
                display: block;
               
            }
        }
        .limg{
            position: absolute;
            top: 5.75rem;
            left: 1.85rem;
            width: 8.33rem;
            height: 4.85rem;
            z-index: 10000;
            img{
                width: 100%;
                height: 100%;
               
            }        
        }
 
        .rimg{
            position: absolute;
            top: 7.12rem;
            right: 0;
            width: 10.06rem;
            height: 2.96rem;
            img{
                width: 100%;
                height: 100%;
               
            } 
        }
        .rtext{
            position: absolute;
            left: 11.15rem;
            top: 7.78rem;

            .rp1{
                font-size: 0.3rem;
                color:rgba(255,255,255,1);
                text-align: right

            }
            .rp2{
                font-size: 0.2rem;
                color:rgba(255,255,255,1);
                text-align: right;
                
                margin-top: 0.2rem;
            }
            .rp3{
                font-size: 0.22rem;
                width: 1.69rem;
                height: 0.50rem;
                color:rgba(255,255,255,1);
                text-align: center;
                margin-top: 0.46rem;
                margin-left: 1.88rem;
                line-height: 0.48rem;
                border: 1px solid #fff;
                box-sizing: border-box;


            }
        }
        .ltext{
            position: absolute;
            left: 4.19rem;
            top: 7.73rem;
            width: 3.23rem;
            .lp1{
                font-size: 0.28rem;
                color:rgba(255,255,255,1);
            }
            .lp2{
                margin-top: 0.18rem;
                font-size: 0.18rem;
                line-height: 0.38rem;
                color:rgba(255,255,255,1);
            }
        }
    }
    .second{
        margin-top: 0.93rem;
        width: 100%;
        height: 11.45rem;
        // background-color: #fff;
        position: relative;
        .second-d{
            width: 15.11rem;
            height: 100%;
            // background-color: skyblue;
            position: absolute;
            left: 2.04rem;
            background: url('https://daotu-website-img.oss-cn-hangzhou.aliyuncs.com/daotu-website-img/20190925100635.png') no-repeat;
            background-size: 100% 100%;

        }
        .second-t{
            height: 3.30rem;
            width: 10.74rem;
            // background-color: #fff;
            position: absolute;
            left: 4.69rem;
            top: 1.00rem;
            .l1{
                width: 6.20rem;
                height: 100%;
                // background-color: hotpink;
                float: left;
                .on-f{
                    width: 100%;
                    position: relative;
                    .one{
                        position:absolute;
                        top: 0px;
                        font-size:0.50rem;
                        font-family:'PingFang SC';
                        font-weight:bold;
                        color:rgba(255,255,255,1);
                        z-index: 999;
                    }
                   .im{
                       position: absolute;
                       height: 0.61rem;
                       width: 2.00rem;
                       left: 0.78rem;
                       top: -0.8rem;
                       img{
                           height: 100%;
                           width: 100%;
                       }
                   }
                }
                .two{
                    position: absolute;
                    top: 0.68rem;
                    font-size:0.28rem;
                    font-family:'PingFang SC';
                    font-weight:500;
                    color:rgba(255,255,255,1);
                }
                .three{
                    width: 54%;
                    position: absolute;
                    top: 2rem;
                    p{
                        font-size:0.18rem;
                        font-family:'PingFang SC';
                        font-weight:400;
                        color:rgba(255,255,255,1);
                        line-height:0.38rem;
                    }
                }
            }
            .l2{
                width: 4.54rem;
                height: 100%;
                // background-color: skyblue;
                float: right;
                img{
                    width: 100%;
                    height:100%;
                }
            }
        }
        .second-b{
            height: 3.80rem;
            width: 10.74rem;
            // background-color: #fff;
            position: absolute;
            left: 4.69rem;
            top: 5.5rem;
            div{
                width: 2.56rem;
                height: 100%;
                // background-color: skyblue;
                float: left;
                margin-left: 0.71rem;
                img{
                    width: 100%;
                    height: 82%;
                }
                p{
                    height: 18%;
                    width: 100%;
                    // background-color: red;
                    font-size:0.30rem;
                    font-family:'PingFang SC';
                    text-align: center;
                    font-weight:500;
                    color:rgba(255,255,255,1);
                }
            }
        }
    }
    .solf{
        width: 100%;
        height: 13.40rem;
        margin-top: 1rem;
        .in{
            width: 12.8rem;
            height: 13.40rem;
            margin-left: 3.55rem;
            // background-color: skyblue;
            .tp{
                width: 3.10rem;
                height: 1.20rem;
                margin: 0 auto;
                // background-color: hotpink;
                position: relative;
                .imge{
                    height: 1.08rem;
                    width: 1.9rem;
                    position: absolute;
                    top: -0.60rem;
                    left: 0.64rem;
                    img{
                        height: 100%;
                        width: 100%;
                    }
                }
                .title{
                    font-size:0.50rem;
                    margin-top: 0.90rem;
                    font-family:'PingFang SC';
                    text-align: center;
                    font-weight:bold;
                    color:rgba(255,255,255,1);
                    // z-index: 100000;
                }
                .en{
                    font-size:0.28rem;
                    font-family:'PingFang SC';
                    font-weight:500;
                    text-align: center;
                    color:rgba(255,255,255,1);
                    opacity:0.8;
                }
            }
            .contain{
                height: 8.00rem;
                // background-color: #ccc;
                .cleft{
                    float: left;
                    .ctop{
                        padding-top: 0.96rem;
                        padding-left: 0.96rem;
                        .logo{
                            width: 0.54rem;
                            height: 0.54rem;
                            display: inline-block;
                            margin-right: 0.18rem;
                            img{
                                height: 100%;
                                width: 100%;
                            }
                        }
                        span{
                            display: inline-block;
                            height:0.54rem;
                            font-size:0.42rem;
                            font-family:'PingFang SC';
                            font-weight:bold;
                            line-height: 0.54rem;
                            color:rgba(255,255,255,1);
                            vertical-align: middle;
                        }
                        .name{
                            display: inline-block;
                           
                            font-family:'PingFang SC';
                            font-weight:500;
                            color:rgba(255,255,255,1);
                            vertical-align: middle;
                            p{
                                height: 0.24rem;
                                font-size:0.18rem;
                                
                            }
                        }
                        .des{
                            width: 4.59rem;
                            font-size:0.18rem;
                            font-family:'PingFang SC';
                            font-weight:400;
                            color:rgba(255,255,255,1);
                            line-height:0.38rem;

                        }
                    }
                    .lfimg{
                        width: 100%;
                        height: 1.80rem;
                        margin-top: 0.63rem;
                        // background-color: lime;
                        .ios{
                            width: 1.30rem;
                            height: 100%;
                            // background-color: #fff;
                            float: left;
                            margin-left: 0.96rem;
                            margin-right: 0.96rem;
                            .ier{
                                width: 1.30rem;
                                height: 1.30rem;
                                background-color: #fff;
                                padding: 0.08rem;
                                box-sizing: border-box;
                                img{
                                    height: 100%;
                                    width: 100%;
                                }
                            }
                            .ico{
                                height: 0.50rem;
                                // background-color: pink;
                                .icot{
                                    float: left;
                                    width: 0.26rem;
                                    height: 0.34rem;
                                    margin-top: 0.15rem;
                                    margin-left: 0.28rem;
                                    img{
                                        display: block;
                                        height: 100%;
                                        width: 100%;
                                    }
                                }
                                .icotext{
                                    width: 0.76rem;
                                    text-align: center;
                                    float: right;
                                    margin-top: 0.15rem;
                                    font-size:0.26rem;
                                    font-family:'PingFang SC';
                                    font-weight:500;
                                    color:rgba(255,255,255,1);
                                }

                            }
                        }
                        .andoird{
                            width: 1.30rem;
                            height: 100%;
                            // background-color: #fff;
                            float: left;
                            .aer{
                                width: 1.30rem;
                                height: 1.30rem;
                                background-color: #fff;
                                padding: 0.08rem;
                                box-sizing: border-box;
                                img{
                                    height: 100%;
                                    width: 100%;
                                }
                            }
                            .ico{
                                height: 0.50rem;
                                // background-color: pink;
                                .ancot{
                                    float: left;
                                    width: 0.26rem;
                                    height: 0.34rem;
                                    margin-top: 0.15rem;
                                    // margin-left: 28px;
                                    img{
                                        height: 100%;
                                        width: 100%;
                                        display: block;
                                    }
                                }
                                .aicotext{
                                    width: 1.00rem;
                                    text-align: center;
                                    float: right;
                                    margin-left: 0.04rem;
                                    margin-top: 0.15rem;
                                    font-size:0.26rem;
                                    font-family:'PingFang SC';
                                    font-weight:500;
                                    color:rgba(255,255,255,1);
                                    // position: relative;
                                    // left: 0.16rem;
                                }
                            }
                        }
                        
                    }
                    
                }
                .cright{
                    float: right;
                    margin-top: 2.10rem;
                    height: 5.95rem;
                    width: 7.23rem;
                    // background-color: lime;
                    img{
                        height:5.95rem;
                        width: 7.23rem;
                    }
                }
            }
            .small-routine{
                margin-top: 0.20rem;
                height: 2.83rem;
                // background-color: lime;
                .s-left{
                    width: 45%;
                    height: 100%;
                    // background-color: hotpink;
                    float: left;
                    .conter{
                        width: 4.45rem;
                        height: 1.05rem;
                        // background-color: #fff;
                        margin-top: 1.00rem;
                        margin-left: 0.96rem;
                        .onee{
                            height: 0.54rem;
                            // background-color: lime;
                            .o-logo{
                                width: 0.54rem;
                                height: 0.54rem;
                                // background-color: red;
                                float: left;
                                img{
                                    display: block;
                                    height: 100%;
                                    width: 100%;
                                }
                
                            }
                            .o-name{
                                float: left;
                                width:2.14rem;
                                height:0.40rem;
                                font-size:0.40rem;
                                font-family:'PingFang SC';
                                font-weight:bold;
                                color:rgba(255,255,255,1);
                                line-height: 0.56rem;
                                margin-left: 0.20rem;
                            }
                            .o-v{
                                width:1.47rem;
                                float: left;
                                .xiao{
                                    width:1.47rem;
                                    height:0.240rem;
                                    font-size:0.18rem;
                                    font-family:'PingFang SC';
                                    font-weight:500;
                                    color:rgba(255,255,255,1);
                                    line-height:0.350rem;
                                }
                                .vv{
                                    width:1.37rem;
                                    height:0.25rem;
                                    font-size:0.18rem;
                                    font-family:'PingFang SC';
                                    font-weight:500;
                                    color:rgba(255,255,255,1);
                                    line-height: 0.2888rem
                                }
                            }
                        }
                        .twoo{
                            width:100%;
                            height: 0.54rem;
                            font-size:0.26rem;
                            font-family:'PingFang SC';
                            font-weight:400;
                            color:rgba(255,255,255,1);
                            line-height:0.54rem;
                        }
                       
                    }
                

                }
                .s-right{
                    width: 55%;
                    height: 100%;
                    margin-top: 0.2rem;
                    // background-color: skyblue;
                    float: right;
                    .r-box{
                        margin-left: 0.36rem;
                        width: 1.96rem;
                        height: 100%;
                        // background-color: lime;
                        .int{
                            height: 1.99rem;
                            width: 100%;
                            // background-color: green;
                            img{
                                display: block;
                                height: 100%;
                                width: 100%;
                            }
                        }
                        .inb{
                            height: 0.81rem;
                            // background-color: brown;
                            p{
                                font-size:0.20rem;
                                font-family:'PingFang SC';
                                font-weight:500;
                                color:rgba(255,255,255,1);
                                padding-top: 0.15rem;
                                text-align: center;
                            }
                            p:nth-child(1){
                                padding-top: 0.25rem;
                            }
                        }
                    }
                }
            }
        }
    }
    .add{
        width: 100%;
        height: 2.15rem;
        margin-top: 2.5rem;
        // background-color: #fff;
        .intitle{
            .tp{
                width: 3.10rem;
                height: 1.20rem;
                margin: 0 auto;
                // background-color: hotpink;
                position: relative;
                .imge{
                    height: 1.08rem;
                    width: 1.9rem;
                    position: absolute;
                    top: -0.60rem;
                    left: 0.64rem;
                    img{
                        height: 100%;
                        width: 100%;
                    }
                }
                .title{
                    font-size:0.50rem;
                    margin-top: 0.90rem;
                    font-family:'PingFang SC';
                    text-align: center;
                    font-weight:bold;
                    color:rgba(255,255,255,1);
                    // z-index: 100000;
                }
                .en{
                    font-size:0.28rem;
                    font-family:'PingFang SC';
                    font-weight:500;
                    text-align: center;
                    color:rgba(255,255,255,1);
                    opacity:0.8;
                }
            }
        }
    }
    .four{
        height: 9.35rem;
        width: 100%;
        position: relative;
        img{
            display: block;
            height: 100%;
            width: 100%;
        }
        .in{
            top: -1.45rem;
            position: absolute;
            width: 15.54rem;
            height: 5.92rem;
            margin-left: 1.40rem;
            // background-color: red;
        }
        .ull{
            position: absolute;
            height: 2.00rem;
            width: 12.30rem;
            top: 1.90rem;
            left: 3.50rem;
            // background-color: red;
            li{
                height: 100%;
                // background-color: skyblue;
                float: left;
                .header{
                    height: 0.30rem;
                    // background-color: #fff;
                    font-size:0.22rem;
                    font-family:'PingFang SC';
                    font-weight:bold;
                    color:rgba(255,255,255,1);
                    line-height:0.30rem;
                    text-align: center;
                }
                .body{
                    margin-top: 0.10rem;
                    font-size:0.16rem;
                    font-family:'PingFang SC';
                    font-weight:400;
                    color:rgba(255,255,255,1);
                    line-height:0.32rem;
                }
                .htt{
                    width: 105%;
                }
            }
            li:nth-child(1){
                 width: 2.24rem;
            }
            li:nth-child(2){
                width: 2.40rem;
                margin-left: 1.05rem;
                
           }
           li:nth-child(3){
            width: 2.10rem;
            margin-left: 1.02rem;
           }
           li:nth-child(4){
            width: 2.10rem;
            margin-left: 1.37rem;
           }
        }
      
    }
    .ball{
        height: 9.00rem;
        width: 100%;
        margin-top: 1.40rem;
        // background-color: skyblue;
        .bleft{
            width: 8.89rem;
            height: 100%;
            margin-top: 0.52rem;
            // background-color: #520;
            float: left;
            position: relative;
            .b-box{
                width: 8.26rem;
                height: 8.46rem;
                // background-color: #ccc;
                margin-top: 0.53rem;
                margin-left: 0.63rem;
                img{
                    display: block;
                    height: 100%;
                    width: 100%;
                }
            }
            .son1{
                position: absolute;
                width: 1.20rem;
                height: 1.22rem;
                top: 0.23rem;
                left: 3.24rem;
                // background-color: #fff;
                .simg{
                    width: 0.70rem;
                    height: 0.70rem;
                    // background-color: hotpink;
                    
                    margin: 0 auto;
                    img{
                        display: block;
                        height: 100%;
                        width: 100%;
                    }
                }
                .ssimg{
                    width: 1.18rem;
                    height: 1.18rem;
                    margin: 0 auto;
                    position: relative;
                    img{
                        position: absolute;
                        top: -0.60rem;
                        left: -0.20rem;
                        display: block;
                        height: 1.90rem;
                        width: 1.90rem;
                    }
                }
                .hide{
                    display: none;
                }
                .stitle{
                    width: 110%;
                    padding-top: 0.04rem;
                    box-sizing: border-box;
                    height: 0.52rem;
                    // background-color: #CCC;
                    font-size:0.20rem;
                    font-family:'PingFang SC';
                    font-weight:500;
                    color:rgba(255,255,255,1);
                    opacity:0.8;
                    line-height: 0.52rem;
                }
            }
            .son2{
                position: absolute;
                width: 1.20rem;
                height: 1.22rem;
                top: 0.50rem;
                left: 5.52rem;
                // background-color: #fff;
                .simg{
                    width: 0.70rem;
                    height: 0.70rem;
                    // background-color: hotpink;
                    
                    margin: 0 auto;
                    img{
                        display: block;
                        height: 100%;
                        width: 100%;
                    }
                }
                .ssimg{
                    width: 1.18rem;
                    height: 1.18rem;
                    margin: 0 auto;
                    position: relative;
                    img{
                        position: absolute;
                        top: -0.62rem;
                        left: -0.38rem;
                        display: block;
                        height: 1.90rem;
                        width: 1.90rem;
                    }
                }
                .hide{
                    display: none;
                }
                .stitle{
                    width: 110%;
                    padding-top: 0.04rem;
                    box-sizing: border-box;
                    height: 0.52rem;
                    // background-color: #CCC;
                    font-size:0.20rem;
                    font-family:'PingFang SC';
                    font-weight:500;
                    color:rgba(255,255,255,1);
                    opacity:0.8;
                    line-height: 0.52rem;
                }
            }
            .son3{
                position: absolute;
                width: 1.20rem;
                height: 1.22rem;
                top: 1.90rem;
                left: 7.40rem;
                // background-color: #fff;
                .simg{
                    width: 0.70rem;
                    height: 0.70rem;
                    // background-color: hotpink;
                    margin: 0 auto;
                    img{
                        display: block;
                        height: 100%;
                        width: 100%;
                    }
                }
                .ssimg{
                    width: 1.18rem;
                    height: 1.18rem;
                    margin: 0 auto;
                    position: relative;
                    img{
                        position: absolute;
                        top: -0.33rem;
                        left: -0.12rem;
                        display: block;
                        height: 1.90rem;
                        width: 1.90rem;
                    }
                }
                .hide{
                    display: none;
                }
                .stitle{
                    width: 110%;
                    padding-top: 0.04rem;
                    box-sizing: border-box;
                    height: 0.52rem;
                    // background-color: #CCC;
                    font-size:0.20rem;
                    font-family:'PingFang SC';
                    font-weight:500;
                    color:rgba(255,255,255,1);
                    opacity:0.8;
                    line-height: 0.52rem;
                }
            }
            .son4{
                position: absolute;
                width: 1.20rem;
                height: 1.22rem;
                top: 4.30rem;
                left: 8.22rem;
                // background-color: #fff;
                .simg{
                    width: 0.70rem;
                    height: 0.70rem;
                    // background-color: hotpink;
                    
                    margin: 0 auto;
                    img{
                        display: block;
                        height: 100%;
                        width: 100%;
                    }
                }
                .ssimg{
                    width: 1.18rem;
                    height: 1.18rem;
                    margin: 0 auto;
                    position: relative;
                    img{
                        position: absolute;
                        top: -0.33rem;
                        left: -0.36rem;
                        display: block;
                        height: 1.90rem;
                        width: 1.90rem;
                    }
                }
                .hide{
                    display: none;
                }
                .stitle{
                    width: 110%;
                    padding-top: 0.04rem;
                    box-sizing: border-box;
                    height: 0.52rem;
                    // background-color: #CCC;
                    font-size:0.20rem;
                    font-family:'PingFang SC';
                    font-weight:500;
                    color:rgba(255,255,255,1);
                    opacity:0.8;
                    line-height: 0.52rem;
                }
            }
            .son5{
                position: absolute;
                width: 1.20rem;
                height: 1.22rem;
                top: 6.78rem;
                left: 7.40rem;
                // background-color: #fff;
                .simg{
                    width: 0.70rem;
                    height: 0.70rem;
                    // background-color: hotpink;
                    
                    margin: 0 auto;
                    img{
                        display: block;
                        height: 100%;
                        width: 100%;
                    }
                }
                .ssimg{
                    width: 1.18rem;
                    height: 1.18rem;
                    margin: 0 auto;
                    position: relative;
                    img{
                        position: absolute;
                        top: -0.33rem;
                        left: -0.36rem;
                        display: block;
                        height: 1.90rem;
                        width: 1.90rem;
                    }
                }
                .hide{
                    display: none;
                }
                .stitle{
                    width: 110%;
                    padding-top: 0.04rem;
                    box-sizing: border-box;
                    height: 0.52rem;
                    // background-color: #CCC;
                    font-size:0.20rem;
                    font-family:'PingFang SC';
                    font-weight:500;
                    color:rgba(255,255,255,1);
                    opacity:0.8;
                    line-height: 0.52rem;
                }
            }
            .son6{
                position: absolute;
                width: 1.20rem;
                height: 1.22rem;
                top: 8.25rem;
                left: 5.65rem;
                // background-color: #fff;
                .simg{
                    width: 0.70rem;
                    height: 0.70rem;
                    // background-color: hotpink;
                    
                    margin: 0 auto;
                    img{
                        display: block;
                        height: 100%;
                        width: 100%;
                    }
                }
                .ssimg{
                    width: 1.18rem;
                    height: 1.18rem;
                    margin: 0 auto;
                    position: relative;
                    img{
                        position: absolute;
                        top: -0.33rem;
                        left: -0.36rem;
                        display: block;
                        height: 1.90rem;
                        width: 1.90rem;
                    }
                }
                .hide{
                    display: none;
                }
                .stitle{
                    width: 110%;
                    padding-top: 0.04rem;
                    box-sizing: border-box;
                    height: 0.52rem;
                    // background-color: #CCC;
                    font-size:0.20rem;
                    font-family:'PingFang SC';
                    font-weight:500;
                    color:rgba(255,255,255,1);
                    opacity:0.8;
                    line-height: 0.52rem;
                }
            }
            .son7{
                position: absolute;
                width: 1.20rem;
                height: 1.22rem;
                top: 8.40rem;
                left: 3.27rem;
                // background-color: #fff;
                .simg{
                    width: 0.70rem;
                    height: 0.70rem;
                    // background-color: hotpink;
                    
                    margin: 0 auto;
                    img{
                        display: block;
                        height: 100%;
                        width: 100%;
                    }
                }
                .ssimg{
                    width: 1.18rem;
                    height: 1.18rem;
                    margin: 0 auto;
                    position: relative;
                    img{
                        position: absolute;
                        top: -0.33rem;
                        left: -0.36rem;
                        display: block;
                        height: 1.90rem;
                        width: 1.90rem;
                    }
                }
                .hide{
                    display: none;
                }
                .stitle{
                    width: 110%;
                    padding-top: 0.04rem;
                    box-sizing: border-box;
                    height: 0.52rem;
                    // background-color: #CCC;
                    font-size:0.20rem;
                    font-family:'PingFang SC';
                    font-weight:500;
                    color:rgba(255,255,255,1);
                    opacity:0.8;
                    line-height: 0.52rem;
                }
            }
        }
        .bright{
            width: 10.14rem;
            height: 100%;
            // background-color: hotpink;
            float: right;
            .bltitle{
                .tp{
                    width: 3.10rem;
                    height: 1.20rem;
                    margin: 0 auto;
                    // background-color: hotpink;
                    position: relative;
                    .imge{
                        height: 1.08rem;
                        width: 1.9rem;
                        position: absolute;
                        top: -0.60rem;
                        left: 0.64rem;
                        img{
                            height: 100%;
                            width: 100%;
                        }
                    }
                    .title{
                        font-size:0.50rem;
                        margin-top: 0.90rem;
                        font-family:'PingFang SC';
                        text-align: center;
                        font-weight:bold;
                        color:rgba(255,255,255,1);
                        // z-index: 100000;
                    }
                    .en{
                        font-size:0.28rem;
                        font-family:'PingFang SC';
                        font-weight:500;
                        text-align: center;
                        color:rgba(255,255,255,1);
                        opacity:0.8;
                    }
                }
            }
            .blbody{
                width: 5.72rem;
                height: 3.00rem;
                margin-left: 0.90rem;
                margin-top: 2.83rem;
                // background-color: skyblue;
                position: relative;
                .bltext{
                    margin-top: -0.35rem;
                    .bsm{
                        font-size: 0.36rem;
                        font-family:'PingFang SC';
                        font-weight:bold;
                        color:rgba(255,255,255,1);
                        
                    }
                    .big{
                        font-family:'PingFang SC';
                        font-size: 0.60rem;
                        color:rgba(255,255,255,1);
                    }
                    .lineimg{
                        width: 4.97rem;
                        height: 0.07rem;
                        margin-top: 0.18rem;
                        img{
                            display: block;
                            height: 100%;
                            width: 100%;
                        }
                    }
                    .wenz{
                        margin-top: 0.16rem;
                        width: 5.00rem;
                        font-size:0.20rem;
                        font-family:'PingFang SC';
                        font-weight:400;
                        color:rgba(255,255,255,1);
                        line-height:0.42rem;
                    }
                    .switch{
                        position: absolute;
                        top: 3rem;
                        left: 4.5rem;
                        width: 1.25rem;
                        height: 0.28rem;
                        // background-color: #ccc;
                        .arleft{
                            width: 0.11rem;
                            height: 0.23rem;
                            // background-color: red;
                            float: left;
                            margin-top: 0.025rem;
                            img{
                                display: block;
                                height: 100%;
                                width: 100%;
                            }
                        }
                        .cengterr{
                           width: 1.03rem;
                           height: 100%;
                        //    background-color: green; 
                           float: left;
                           font-size:0.30rem;
                           font-family:'PingFang SC';
                           font-weight:400;
                           color:rgba(255,255,255,1);
                           text-align: center;
                           line-height: 99%;
                        }
                        .arright{
                            width: 0.11rem;
                            height: 0.23rem;
                            // background-color: red;
                            float: left;
                            margin-top: 0.025rem;
                            img{
                                display: block;
                                height: 100%;
                                width: 100%;
                            }
                        }
                    }
                }
                .douhao{
                    position: absolute;
                    top: 1.3rem;
                    left: 5.20rem;
                    width:0.55rem;
                    height:0.47rem;
                    img{
                        display: block;
                        height: 100%;
                        width: 100%;
                    }
                }
            }
            

        }
    }
    .empty{
        height: 2.70rem;
    }
    .devices{
        margin-top: 1.00rem;
        height: 10.80rem;
        // background-color: skyblue;
        width: 100%;
        position: relative;
        .dtitle{
            .tp{
                width: 3.10rem;
                height: 0.68rem;
                margin: 0 auto;
                position: relative;
                .imge{
                    height: 1.08rem;
                    width: 1.9rem;
                    position: absolute;
                    top: -0.60rem;
                    left: 0.64rem;
                    img{
                        height: 100%;
                        width: 100%;
                    }
                }
                .title{
                    font-size:0.50rem;
                    margin-top: 0.90rem;
                    font-family:'PingFang SC';
                    text-align: center;
                    font-weight:bold;
                    color:rgba(255,255,255,1);
                    // z-index: 100000;
                }
           
            }
            .en{
                width: 100%;
                font-size:0.28rem;
                font-family:'PingFang SC';
                font-weight:500;
                text-align: center;
                color:rgba(255,255,255,1);
                opacity:0.8;
            }
        }
        .dbodys{
            height: 10.01rem;
            margin-top: -0.60rem;
        //    background-color: hotpink;
           img{
               display: block;
               height: 100%;
               width: 100%;
           }  
        }
        .content{
            position: absolute;
            width: 12.76rem;
            // background-color: pink;
            top: 1.74rem;
            left: 3.19rem;
            .cc-left{
                height: 7.17rem;
                width: 6.38rem;
                // background-color: skyblue;
                float: left;
                .cl-box{
                    height: 1.79rem;
                    width: 100%;
                    // background-color: pink;
                    .box-img{
                        height: 0.56rem;
                        width: 0.64rem;
                        // background-color: #fff;
                        float: left;
                        img{
                            display: block;
                            height: 100%;
                            width: 100%;
                        }
                    }
                    .larage_box{
                        height: 100%;
                        width: 5.74rem;
                        padding-left: 0.30rem;
                        // background-color: blue;
                        box-sizing: border-box;
                        float: left;
                        .la-title{
                            font-size:0.32rem;
                            font-family:'PingFang SC';
                            font-weight:500;
                            color:rgba(255,255,255,1);
                        }
                        .la-text{
                            margin-top: 0.30rem;
                            font-size:0.18rem;
                            font-family:'PingFang SC';
                            font-weight:400;
                            color:rgba(255,255,255,1);
                            line-height:0.40rem;
                        }
                    }
            

                }
                .cl-box:nth-child(2){
                    .box-img{
                        width: 0.64rem;
                        height: 0.58rem;

                    }
                }
                .cl-box:nth-child(3){
                    .box-img{
                        width: 0.50rem;
                        margin-left: 0.06rem;
                        height: 0.63rem;
                    }
                }
                .cl-box:nth-child(4){
                    .box-img{
                        width: 0.57rem;
                        height: 0.60rem;
                    }
                }
            }
            .cc-right{
                height: 7.17rem;
                width: 6.38rem;  
                float: right;
                .lock-box{
                    width: 3.98rem;
                    height: 7.34rem;
                    margin-left: 2.05rem;
                    // margin-top: 65px;
                    img{
                        display: block;
                        height: 100%;
                        width: 100%;
                    }
                }
            }
        }
      
       
    }
    .map-box{
        margin-top: 2.2rem;
        .map-title{
            width: 3.1rem;
            margin-left: 2.62rem;
            
            .tp{
                width: 3.10rem;
                height: 1.20rem;
                margin: 0 auto;
                // background-color: hotpink;
                position: relative;
                .imge{
                    height: 1.08rem;
                    width: 1.9rem;
                    position: absolute;
                    top: -0.60rem;
                    left: 0.64rem;
                    img{
                        height: 100%;
                        width: 100%;
                    }
                }
                .title{
                    font-size:0.50rem;
                    margin-top: 0.90rem;
                    font-family:'PingFang SC';
                    text-align: center;
                    font-weight:bold;
                    color:rgba(255,255,255,1);
                    // z-index: 100000;
                }
                .en{
                    font-size:0.28rem;
                    font-family:'PingFang SC';
                    font-weight:500;
                    text-align: center;
                    color:rgba(255,255,255,1);
                    opacity:0.8;
                }
            }
        }
        .map{
            position: relative;
            top: 0.60rem;
            height: 5.67rem;
            width: 15.70rem;
            // background-color: red;
            margin: 0 auto;
        }
    }
    .connect-box{
        margin-top: 2.00rem;
        height: 2.00rem;
        // background-color: #fff;
        .in-box{
            margin-left: 3.05rem;
            height: 1.34rem;
            width: 5.80rem;
            // background-color: skyblue;
            .text-in{
                line-height: 0.8rem;
                span{
                    font-size:0.22rem;
                    font-family:'PingFang SC';
                    font-weight:bold;
                    color:rgba(255,255,255,1);
                }
                font-size:0.22rem;
                font-family:'PingFang SC';
                font-weight:400;
                color:rgba(255,255,255,1);
            }
        }
    }
    .line{
        margin-top: 3.37rem;
        height: 1px;
        img{
            display: block;
            height: 100%;
            width: 100%;
        }
    }
    .bottom{
        height: 3.48rem;
        // background-color: #fff;
        position: relative;
        img{
            display: block;
            height: 100%;
            width: 100%;
        }
        .b-inbox{
            position: absolute;
            top: 0.40rem;
            left: 3.05rem;
            height: 2.28rem;
            width: 12.24rem;
            // background-color: skyblue;
            z-index: 1000;
            .b-l{
                width: 3.40rem;
                height: 100%;
                // background-color: red;
                float: left;
                .logo{
                    height: 0.47rem;
                    width: 1.98rem;
                    img{
                        display: block;
                        height: 100%;
                        width: 100%;
                    }
                }
                .text{
                    margin-top: 0.30rem;
                    width: 3.04rem;
                    font-size:0.16rem;
                    font-family:'PingFang SC';
                    font-weight:400;
                    color:rgba(255,255,255,1);
                    line-height:0.29rem;
                }
            }
            .b-c{
                width: 2.45rem;
                height: 100%;
                // background-color: green;
                margin-left: 3.00rem;
                float: left;
                p{
                    font-size:0.16rem;
                    font-family:'PingFang SC';
                    font-weight:400;
                    color:rgba(255,255,255,1);
                    margin-top: 0.20rem;
                }
                .t{
                    font-size:0.20rem;
                    font-family:'PingFang SC';
                    font-weight:500;
                    color:rgba(255,255,255,1);
                    margin-top: 0.10rem; 
                     
                }
            }
            .b-r{
                width: 3.28rem;
                height: 100%;
                float: left;
                .ttou{
                    font-size:0.20rem;
                    font-family:'PingFang SC';
                    font-weight:500;
                    color:rgba(255,255,255,1);
                    margin-top: 0.10rem;
                }
                .dc-t{
                    margin-top: 0.15rem;
                    height: 0.39rem;
                    width: 100%;
                    // background-color: #520;
                    position: relative;
                    .img{
                        width: 0.39rem;
                        height: 0.39rem;
                        float: left;
                        img{
                            display: block;
                            height: 100%;
                            width: 100%;

                        }
                    }
                    .con{
                        // width: 100%;
                        margin-left: 0.10rem;
                        line-height: 0.39rem;
                        float: left;
                        font-size:0.16rem;
                        font-family:'PingFang SC';
                        font-weight:400;
                        color:rgba(255,255,255,1);
                    }
                    .sscon{
                        width: 110%;
                        position: absolute;
                        top: 0px;
                        left: 0.39rem;
                    }
                }

            }
        }
    }
    .footer{
        position: absolute;
        bottom: 0.22rem;
        width: 100%;
        height: 0.30rem;
        // background-color: #fff;
        z-index: 1000;
        font-size:0.16rem;
        font-family:'PingFang SC';
        font-weight:400;
        color:rgba(255,255,255,1);
        text-align: center;
    }
    
}
.notclick{
    pointer-events: none;
}